
    var field = document.getElementsByClassName("preEdit");
    var cl = document.getElementsByClassName("editInfo");
    function editUsername() {
        document.getElementsByClassName("FullnameField")[0].className = "FullnameField";
        document.getElementsByClassName("FullnameField-editable")[0].className = "FullnameField-editable hidediv";
    }
    function cancelUsername() {
        document.getElementsByClassName("FullnameField")[0].className = "FullnameField hidediv";
        document.getElementsByClassName("FullnameField-editable")[0].className = "FullnameField-editable";
    }
    function editProfile() {
        field[0].className = "preEdit hidediv";
        cl[0].className = "editInfo";
    }
    function cancelEditSex() {
        field[0].className = "preEdit";
        cl[0].className = "editInfo hidediv";
    }
    function editIntroduct() {
        field[1].className = "preEdit hidediv";
        cl[1].className = "editInfo";
    }
    function cancelIntroduct() {
        field[1].className = "preEdit";
        cl[1].className = "editInfo hidediv";
    }
    function editAddress() {
        field[2].className = "AddButton preEdit hidediv";
        cl[2].className = "editInfo";
    }
    function cancelAddress() {
        field[2].className = "AddButton preEdit";
        cl[2].className = "editInfo hidediv";
    }
    function editIndusty() {
        field[3].className = "preEdit hidediv";
        cl[3].className = "editInfo";
    }
    function cancelIndusty() {
        field[3].className = "preEdit";
        cl[3].className = "editInfo hidediv";
    }
    function editSynopsis() {
        field[4].className = "DescriptionField-content preEdit hidediv";
        cl[4].className = "editInfo";
    }
    function cancelSynopsis() {
        field[4].className = "DescriptionField-content preEdit";
        cl[4].className = "editInfo hidediv";
    }
